<template>
  <div class="book-detail-box">
    <c-book-detail-pc v-if="global.isPc">
      <slot name="slot1"></slot>
      <slot name="slot-pc"></slot>
      <slot name="slot2"></slot>
    </c-book-detail-pc>

    <c-book-detail-mobile v-if="!global.isPc">
      <slot name="slot1"></slot>
      <slot name="slot-mobile"></slot>
      <slot name="slot2"></slot>
    </c-book-detail-mobile>
  </div>
</template>

<script>
import cBookDetailPc from './BookDetail_pc.vue'
import cBookDetailMobile from './BookDetail_mobile.vue'


export default {
  components:{
    cBookDetailMobile,cBookDetailPc
  },
}
</script>

<style lang='scss' scoped>
</style>